import React, { Component } from 'react'
import propTypes from 'prop-types'
import { nanoid } from 'nanoid'
export default class Header extends Component {
    // 对传入的props进行：类型必要性的限制
    static propTypes = {
        addTodo: propTypes.func.isRequired
    }
    render() {
        return (
            <div>
                <input onKeyUp={this.handleKeyUp} type="text" />
            </div>
        )
    }
    // 按下回车的键盘回调
    handleKeyUp = (e) => {
        if (e.keyCode !== 13) return false //如果不是回车code 停止函数
        if (e.target.value.trim() === '') return false //输入为空,停止函数
        let todoObj = { id: nanoid(), name: e.target.value, done: false } //插入列表
        this.props.addTodo(todoObj) //传入父组件
        e.target.value = '' //清空
    }
}
